$(function() {
	function deal() {
		let music = document.getElementById('music');
		$(".head_music").click(function() {
			if ($(this).hasClass("head_music on")) {
				$(this).removeClass("head_music on")
				$(this).addClass("head_music off")
				music.pause();
			} else if ($(this).hasClass("head_music off")) {
				$(this).removeClass("head_music off")
				$(this).addClass("head_music on")
				music.play();
			}
		})
		$(".start").click(function() {
			$(".right").animate({
				left: "-700px"
			}, 2000)
			$(".left").animate({
				right: "-900px"
			}, 2000)

			$(".start").css({
				display: "none"
			})
			$(".content").animate({
				// 							background: "none",
				opacity: "0.1"
			}, 2000, function() {

				if ($("body div").eq(1).hasClass("content one")) {
					$("body div").eq(1).removeClass("content one");
					$("body div").eq(1).addClass("content two");
				}
				$(".content").animate({
					opacity: "0.9"
				}, 1000)

				$(".back").css({
					display: 'block',
				})

				$(".box").animate({
					width: "519px"
				}, 7000)
				$(".people img").animate({
					left: "580px"
				}, 7000, function() {
					$(".content").css({
						display:"none"
					})

					$(".back").css({
						display: 'none'
					})
					$(".game").animate({
						opacity: '1'
					},2000)
				})
			})
		})
	}
	deal();
})
